/* 组件库iconfont图标 */
/* @import "border.css";
@import "icon.css"; */
/* tyIcon */

/* 1a常用作字体黑色 b3常用作placeholder颜色 f5常用作页面背景色 e6常用作border颜色*/
body {
	/* 主色、主色渐变色及主色浅色 #FFF2F2*/
	--main: #0E94DB;
	--mainGradient: #0E94DB;
	/* 主色浅色透明 */
	--mainLight: rgba(241, 1, 1, 0.1);
	/* 主色浅色不透明 */
	--mainLightOpaque: #FFF0F0;

	/* 辅色及辅色渐变色 #FFAE27*/
	--auxiliary: #FFBB00;
	--auxiliaryGradient: #FFBB00;

	/* 一级、二级警示色 */
	--firstNotice: #E62222;
	--secondNotice: #FF8242;
	/* 微信色 通过色 */
	--wechat: #0bc160;
	/* 支付宝色 */
	--alipay: #1677FE;
	/* 昵称色/文件名/@色 */
	--nickname: #4e7093;

	/* 底部栏高度 */
	--headerHeight: 88rpx;
	/* 底部栏高度 */
	--footerHeight: 98rpx;

	/* 阴影 */
	--ShadowSize: 6rpx 6rpx 8rpx;
	-webkit-tap-highlight-color: transparent;
	/*ios点击颜色*/
	-webkit-appearance: none;
	/*ios默认样式*/
	-webkit-overflow-scrolling: touch;
	/*ios滑动*/
	word-break: break-all;
	font-family: 'PingFang SC',
		'PingFangSC-Regular',
		'Helvetica Neue',
		"Helvetica Neue",
		sans-serif;
	font-size: 28rpx;
	color: #1a1a1a;
	background: #f5f5f5;
}

/* #ifdef H5 */
page {
	height: 100%;
}

page>view {
	height: 100%;
}

/* #endif */

button {
	line-height: 1;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	overflow: visible;
}

button::after {
	border: none;
}

/* ==================
  定位
 ==================== */
/* APP端无标题定位 H5无标题定位 一般在view里面放一个status-bar高度的条 */
.jc-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 998;
}

/* 标题下定位 APP端有标题 H5有无标题都兼容 小程序一般有标题 */
.jc-header-title {
	position: fixed;
	top: var(--window-top);
	left: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 998;
}

/* APP端无标题 其他端都可以 小程序一般有标题 */
.jc-header-status-bar {
	position: fixed;
	/* #ifdef MP-WEIXIN */
	top: 0;
	/* #endif */

	/* #ifndef MP-WEIXIN */
	top: var(--status-bar-height);
	/* #endif */

	left: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 998;
}

/* 有tabBar */
.jc-footer-tab-bar {
	position: fixed;
	left: 0;
	bottom: var(--window-bottom);
	z-index: 998;
	box-sizing: border-box;
	width: 100%;
}

/* 没有tabBar */
.jc-footer-safe {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 998;
	box-sizing: border-box;
	width: 100%;
	padding-bottom: env(safe-area-inset-bottom);
}

/* tabbar上方分割线 */
.tabbar-border-top {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 1px;
	box-sizing: border-box;
	border-bottom: 1rpx solid #ededed;
}

.block {
	display: block;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

.block-center {
	margin: 0 auto;
}

.border-box {
	box-sizing: border-box;
}

.overflow-hidden {
	overflow: hidden;
}

.overflow-auto {
	overflow: auto;
}

/* ==================
  头像
 ==================== */

.jc-avatar {
	display: block;
	margin: 0 auto;
	/* background-color: #ccc; */
	border-radius: 50%;
	box-sizing: border-box;
}

.jc-avatar-50 {
	/* margin: 0 auto; */
	display: block;
	width: 50rpx;
	height: 50rpx;
	/* background-color: #ccc; */
	border-radius: 50%;
	box-sizing: border-box;
}

.jc-avatar-60 {
	/* margin: 0 auto; */
	display: block;
	width: 60rpx;
	height: 60rpx;
	/* background-color: #ccc; */
	border-radius: 50%;
	box-sizing: border-box;
}

.jc-avatar-70 {
	/* margin: 0 auto; */
	display: block;
	width: 70rpx;
	height: 70rpx;
	/* background-color: #ccc; */
	border-radius: 50%;
	box-sizing: border-box;
}

.jc-avatar-80 {
	/* margin: 0 auto; */
	display: block;
	width: 80rpx;
	height: 80rpx;
	/* background-color: #ccc; */
	border-radius: 50%;
	box-sizing: border-box;
}

.jc-avatar-90 {
	/* margin: 0 auto; */
	display: block;
	width: 90rpx;
	height: 90rpx;
	/* background-color: #ccc; */
	border-radius: 50%;
	box-sizing: border-box;
}

.jc-avatar-100 {
	/* margin: 0 auto; */
	display: block;
	width: 100rpx;
	height: 100rpx;
	/* background-color: #ccc; */
	border-radius: 50%;
	box-sizing: border-box;
}

.jc-avatar-110 {
	/* margin: 0 auto; */
	display: block;
	width: 110rpx;
	height: 110rpx;
	/* background-color: #ccc; */
	border-radius: 50%;
	box-sizing: border-box;
}

.jc-avatar-120 {
	/* margin: 0 auto; */
	display: block;
	width: 120rpx;
	height: 120rpx;
	/* background-color: #ccc; */
	border-radius: 50%;
	box-sizing: border-box;
}

.jc-avatar-130 {
	/* margin: 0 auto; */
	display: block;
	width: 130rpx;
	height: 130rpx;
	/* background-color: #ccc; */
	border-radius: 50%;
	box-sizing: border-box;
}

.jc-avatar-140 {
	/* margin: 0 auto; */
	display: block;
	width: 140rpx;
	height: 140rpx;
	/* background-color: #ccc; */
	border-radius: 50%;
	box-sizing: border-box;
}

.jc-avatar-160 {
	/* margin: 0 auto; */
	display: block;
	width: 160rpx;
	height: 160rpx;
	/* background-color: #ccc; */
	border-radius: 50%;
	box-sizing: border-box;
}

.jc-avatar-200 {
	/* margin: 0 auto; */
	display: block;
	width: 200rpx;
	height: 200rpx;
	/* background-color: #ccc; */
	border-radius: 50%;
	box-sizing: border-box;
}

/* ==================
  图片
 ==================== */

.jc-image {
	display: block;
	box-sizing: border-box;
}

.jc-image-60 {
	display: block;
	width: 60rpx;
	height: 60rpx;
	box-sizing: border-box;
}

.jc-image-80 {
	display: block;
	width: 80rpx;
	height: 80rpx;
	box-sizing: border-box;
}

.jc-image-90 {
	display: block;
	width: 90rpx;
	height: 90rpx;
	box-sizing: border-box;
}

.jc-image-100 {
	display: block;
	width: 100rpx;
	height: 100rpx;
	box-sizing: border-box;
}

.jc-image-120 {
	display: block;
	width: 120rpx;
	height: 120rpx;
	box-sizing: border-box;
}

.jc-image-140 {
	display: block;
	width: 140rpx;
	height: 140rpx;
	box-sizing: border-box;
}

.jc-image-150 {
	display: block;
	width: 150rpx;
	height: 150rpx;
	box-sizing: border-box;
}

.jc-image-160 {
	display: block;
	width: 160rpx;
	height: 160rpx;
	box-sizing: border-box;
}

.jc-image-180 {
	display: block;
	width: 180rpx;
	height: 180rpx;
	box-sizing: border-box;
}

.jc-image-200 {
	display: block;
	width: 200rpx;
	height: 200rpx;
	box-sizing: border-box;
}

.jc-image-220 {
	display: block;
	width: 220rpx;
	height: 220rpx;
	box-sizing: border-box;
}

.jc-image-240 {
	display: block;
	width: 240rpx;
	height: 240rpx;
	box-sizing: border-box;
}

.jc-image-250 {
	display: block;
	width: 250rpx;
	height: 250rpx;
	box-sizing: border-box;
}

.jc-image-280 {
	display: block;
	width: 280rpx;
	height: 280rpx;
	box-sizing: border-box;
}

.jc-image-300 {
	display: block;
	width: 300rpx;
	height: 300rpx;
	box-sizing: border-box;
}

/* ==================
  宽高
 ==================== */
.full_page {
	width: 100vw;
	height: 100vh;
}

.width-40 {
	width: 40rpx;
}

.width-60 {
	width: 60rpx;
}

.width-70 {
	width: 70rpx;
}

.width-80 {
	width: 80rpx;
}

.width-100 {
	width: 100rpx;
}

.width-120 {
	width: 120rpx;
}

.width-130 {
	width: 130rpx;
}

.width-140 {
	width: 140rpx;
}

.width-150 {
	width: 150rpx;
}

.width-160 {
	width: 160rpx;
}

.width-170 {
	width: 170rpx;
}

.width-200 {
	width: 200rpx;
}

.width-210 {
	width: 210rpx;
}

.width-220 {
	width: 220rpx;
}

.width-250 {
	width: 250rpx;
}

.width-290 {
	width: 290rpx;
}

.width-400 {
	width: 400rpx;
}

.width-690 {
	width: 690rpx;
}

.width-10p {
	width: 10%;
	box-sizing: border-box;
}

.width-20p {
	width: 20%;
	box-sizing: border-box;
}

.width-25p {
	width: 25%;
	box-sizing: border-box;
}

.width-33p {
	width: 33.33%;
	box-sizing: border-box;
}

.width-50p {
	width: 50%;
	box-sizing: border-box;
}

.width-60p {
	width: 60%;
	box-sizing: border-box;
}

.width-100p {
	width: 100%;
	box-sizing: border-box;
}

.height-100p {
	height: 100%;
	box-sizing: border-box;
}

.height-200 {
	height: 200rpx;
}

/* ==================
  模态窗口
 ==================== */

.jc-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	/* text-align: center; */
	backface-visibility: hidden;
	perspective: 2000rpx;
	background: rgba(0, 0, 0, 0.6);
	overflow-x: hidden;
	overflow-y: auto;
}

/* ==================
  圆角
 ==================== */

.round {
	border-radius: 50%;
}

.radius-2 {
	border-radius: 2rpx;
}

.radius-4 {
	border-radius: 4rpx;
}

.radius-5 {
	border-radius: 5rpx;
}

.radius-6 {
	border-radius: 6rpx;
}

.radius-8 {
	border-radius: 8rpx;
}

.radius-10 {
	border-radius: 10rpx;
}

.radius-15 {
	border-radius: 15rpx;
}

.radius-20 {
	border-radius: 20rpx;
}

.radius-25 {
	border-radius: 25rpx;
}

.radius-30 {
	border-radius: 30rpx;
}

.radius-35 {
	border-radius: 35rpx;
}

.radius-40 {
	border-radius: 40rpx;
}

.radius-45 {
	border-radius: 45rpx;
}


.radius-50 {
	border-radius: 50rpx;
}

.radius-50p {
	border-radius: 50%;
}

.lradius {
	border-top-left-radius: 50rpx;
	border-bottom-left-radius: 50rpx;
}

.rradius {
	border-top-right-radius: 50rpx;
	border-bottom-right-radius: 50rpx;
}

/* ==================
  flex弹性布局(colorui后续补充)
 ==================== */

.basis-10 {
	flex-basis: 10%;
}

.basis-20 {
	flex-basis: 20%;
}

.basis-30 {
	flex-basis: 30%;
}

.basis-40 {
	flex-basis: 40%;
}

.basis-50 {
	flex-basis: 50%;
}

.basis-60 {
	flex-basis: 60%;
}

.basis-70 {
	flex-basis: 70%;
}

.basis-80 {
	flex-basis: 80%;
}

.flex-one {
	flex: 1;
}

.flex-two {
	flex: 2;
}

.flex-three {
	flex: 3;
}

/* ==================
  定位
 ==================== */

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.position-fixed {
	position: fixed;
}

/* ==================
  阴影
 ==================== */

.shadow-black {
	box-shadow: 0 2rpx 14rpx 0 rgba(0, 0, 0, 0.09);
}

.shadow-bottom-black {
	box-shadow: 0 10rpx 15rpx rgba(0, 0, 0, 0.09);
}

.shadow-grey {
	box-shadow: 0 0 10rpx #ededed;
}

/* ==================
  边框
 ==================== */
.border-cc {
	border: 2rpx solid #ccc;
}

.border-ed {
	border: 2rpx solid #ededed;
}

.border-ff {
	border: 2rpx solid #fff;
}

.border-main {
	border: 2rpx solid var(--main);
}

.border-top-ed {
	border-top: 2rpx solid #EDEDED;
}

.dashed-top-ed {
	border-top: 2rpx dashed #ededed;
}

.border-top-e6 {
	border-top: 2rpx solid #e6e6e6;
}

.border-right-e6 {
	border-right: 2rpx solid #e6e6e6;
}

.border-right-ed {
	border-right: 2rpx solid #EDEDED;
}

.border-right-ff {
	border-right: 2rpx solid #fff;
}

.dashed-bottom-ed {
	border-bottom: 2rpx dashed #ededed;
}

.border-bottom-ed {
	border-bottom: 2rpx solid #EDEDED;
}

.border-left-ed {
	border-left: 2rpx solid #ededed;
}

/* ==================
  文本(colorui后续补充)
 ==================== */
.word-nowrap {
	white-space: nowrap;
}

.text-cut-one {
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.text-cut-two {
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.text-cut-three {
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.text-cut-four {
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.text-through {
	text-decoration: line-through;
}




.submit-button {
	width: calc(100vw - 60rpx);
	margin-left: 30rpx;
	height: 90rpx;
	color: #FFFFFF;
	border-radius: 10rpx;
	background-image: linear-gradient(to right, rgba(142, 98, 254, 1), rgba(107, 85, 254, 1));
}

.keep-all {
	word-break: keep-all;
}

/**
 * 蒙层 z-index = 1000
 */
.mngolia {
	position: fixed;
	top: 0;
	left: 0;
	width: calc(100vw);
	height: calc(100vh);
	z-index: 800;
	background-color: rgba(0, 0, 0, 0.6);
}

/* 顶部状态栏高度 */
.status-bar {
	width: calc(100vw);
	/* #ifdef APP-PLUS|H5 */
	height: var(--status-bar-height);
	/* #endif */
	/* #ifndef APP-PLUS|H5 */
	height: 0;
	/* #endif */
}

/* --------------------------------------------------------------- 基础样式 ------------------------------------------------------------------------------------- */

/* ==================
  字体大小
 ==================== */

/* 起始字号14rpx 终止字号60rpx 间隔2rpx一个字号样式
 单独：70rpx */
.text-14 {
	font-size: 14rpx;
}

.text-16 {
	font-size: 16rpx;
}

.text-18 {
	font-size: 18rpx;
}

.text-20 {
	font-size: 20rpx;
}

.text-22 {
	font-size: 22rpx;
}

.text-24 {
	font-size: 24rpx;
}

.text-26 {
	font-size: 26rpx;
}

.text-28 {
	font-size: 28rpx;
}

.text-30 {
	font-size: 30rpx;
}

.text-32 {
	font-size: 32rpx;
}

.text-34 {
	font-size: 34rpx;
}

.text-36 {
	font-size: 36rpx;
}

.text-38 {
	font-size: 38rpx;
}

.text-40 {
	font-size: 40rpx;
}

.text-42 {
	font-size: 42rpx;
}

.text-44 {
	font-size: 44rpx;
}

.text-46 {
	font-size: 46rpx;
}

.text-48 {
	font-size: 48rpx;
}

.text-50 {
	font-size: 50rpx;
}

.text-52 {
	font-size: 52rpx;
}

.text-54 {
	font-size: 54rpx;
}

.text-56 {
	font-size: 56rpx;
}

.text-58 {
	font-size: 58rpx;
}

.text-60 {
	font-size: 60rpx;
}

.text-70 {
	font-size: 70rpx;
}

/* ==================
  文本颜色
 ==================== */

/* 文本基础颜色 */
.text-1a {
	color: #1a1a1a;
}

.text-95 {
	color: #959595;
}

.text-0e {
	color: #0E94DB
}

.text-99 {
	color: #999999;
}

.text-33 {
	color: #333;
}

.text-4d {
	color: #4d4d4d;
}

.text-77 {
	color: #777;
}

.text-aa {
	color: #aaa;
}

.text-cc {
	color: #ccc;
}

.text-ed {
	color: #ededed;
}

.text-f5 {
	color: #f5f5f5;
}

.text-ff {
	color: #fff;
}

.text-8d {
	color: #8D5A17;
}

.text-ac {
	color: #AC7937;
}

.text-ce {
	color: #606DCE;
}

.text-cb {
	color: #cbcbcb;
}

.text-a3 {
	color: #a3a3a3;
}

/* .text-80 {
	color: #808080;
}


.text-98 {
	color: #989898;
}


.text-b3 {
	color: #b3b3b3;
} */



/* 文本常用颜色 */
.text-first-notice {
	color: var(--firstNotice);
}

.text-second-notice {
	color: var(--secondNotice);
}

.text-wechat {
	color: var(--wechat);
}

.text-alipay {
	color: var(--alipay);
}

.text-nickname {
	color: var(--nickname);
}

/* 文本项目颜色 */
.text-main {
	color: var(--main);
}

.text-auxiliary {
	color: var(--auxiliary);
}

/* ==================
  背景颜色
 ==================== */

/* 背景基础颜色 */
.bg-1a {
	background-color: #1a1a1a;
}

.bg-33 {
	background-color: #333;
}

.bg-4d {
	background-color: #4d4d4d;
}

.bg-77 {
	background-color: #777;
}

.bg-aa {
	background-color: #aaa;
}

.bg-cc {
	background-color: #ccc;
}

.bg-ed {
	background-color: #ededed;
}

.bg-f5 {
	background-color: #f5f5f5;
}

.bg-ff {
	background-color: #fff;
}

/* 背景常用颜色 */
.bg-first-notice {
	background-color: var(--firstNotice);
}

.bg-second-notice {
	background-color: var(--secondNotice);
}

.bg-wechat {
	background-color: var(--wechat);
}

.bg-alipay {
	background-color: var(--alipay);
}

.bg-nickname {
	background-color: var(--nickname);
}

/* 背景项目颜色 */
.bg-main {
	background-color: var(--main);
}

.bg-main-gradient {
	background: linear-gradient(to right, var(--main), var(--mainGradient));
}

.bg-main-light {
	background-color: var(--mainLight);
}

.bg-main-light-opaque {
	background-color: var(--mainLightOpaque);
}

.bg-auxiliary {
	background-color: var(--auxiliary);
}

.bg-auxiliary-gradient {
	background: linear-gradient(to right, var(--auxiliary), var(--auxiliaryGradient));
}

/* ==================
  行高
 ==================== */

/* 基础行高
   起始20rpx 终止100rpx 间隔5rpx一个行高样式
   单独：110rpx 120rpx 130rpx 140rpx 150rpx */
.line-20 {
	line-height: 20rpx;
}

.line-24 {
	line-height: 24rpx;
}

.line-25 {
	line-height: 25rpx;
}

.line-28 {
	line-height: 28rpx;
}

.line-30 {
	line-height: 30rpx;
}

.line-32 {
	line-height: 32rpx;
}

.line-35 {
	line-height: 35rpx;
}

.line-36 {
	line-height: 36rpx;
}

.line-40 {
	line-height: 40rpx;
}

.line-44 {
	line-height: 44rpx;
}

.line-45 {
	line-height: 45rpx;
}

.line-48 {
	line-height: 48rpx;
}

.line-50 {
	line-height: 50rpx;
}

.line-52 {
	line-height: 52rpx;
}

.line-55 {
	line-height: 55rpx;
}

.line-56 {
	line-height: 56rpx;
}

.line-60 {
	line-height: 60rpx;
}

.line-64 {
	line-height: 64rpx;
}

.line-65 {
	line-height: 65rpx;
}

.line-68 {
	line-height: 68rpx;
}

.line-70 {
	line-height: 70rpx;
}

.line-72 {
	line-height: 72rpx;
}

.line-75 {
	line-height: 75rpx;
}

.line-76 {
	line-height: 76rpx;
}

.line-80 {
	line-height: 80rpx;
}

.line-84 {
	line-height: 84rpx;
}

.line-85 {
	line-height: 85rpx;
}

.line-88 {
	line-height: 88rpx;
}

.line-90 {
	line-height: 90rpx;
}

.line-92 {
	line-height: 92rpx;
}

.line-95 {
	line-height: 95rpx;
}

.line-96 {
	line-height: 96rpx;
}

.line-100 {
	line-height: 100rpx;
}

.line-110 {
	line-height: 110rpx;
}

.line-120 {
	line-height: 120rpx;
}

.line-130 {
	line-height: 130rpx;
}

.line-140 {
	line-height: 140rpx;
}

.line-150 {
	line-height: 150rpx;
}

/* 常用行高 */
.line-header {
	line-height: var(--headerHeight);
}

.line-footer {
	line-height: var(--footerHeight);
}


/* ==================
  高度
 ==================== */

/* 基础高度
   起始30rpx 终止100rpx 间隔5rpx一个行高样式
   单独：110rpx 120rpx 130rpx 140rpx 150rpx */
.height-30 {
	height: 30rpx;
}

.height-32 {
	height: 32rpx;
}

.height-35 {
	height: 35rpx;
}

.height-36 {
	height: 36rpx;
}

.height-40 {
	height: 40rpx;
}

.height-44 {
	height: 44rpx;
}

.height-45 {
	height: 45rpx;
}

.height-48 {
	height: 48rpx;
}

.height-50 {
	height: 50rpx;
}

.height-52 {
	height: 52rpx;
}

.height-55 {
	height: 55rpx;
}

.height-56 {
	height: 56rpx;
}

.height-60 {
	height: 60rpx;
}

.height-64 {
	height: 64rpx;
}

.height-65 {
	height: 65rpx;
}

.height-68 {
	height: 68rpx;
}

.height-70 {
	height: 70rpx;
}

.height-72 {
	height: 72rpx;
}

.height-75 {
	height: 75rpx;
}

.height-76 {
	height: 76rpx;
}

.height-80 {
	height: 80rpx;
}

.height-84 {
	height: 84rpx;
}

.height-85 {
	height: 85rpx;
}

.height-88 {
	height: 88rpx;
}

.height-90 {
	height: 90rpx;
}

.height-92 {
	height: 92rpx;
}

.height-95 {
	height: 95rpx;
}

.height-96 {
	height: 96rpx;
}

.height-100 {
	height: 100rpx;
}

.height-110 {
	height: 110rpx;
}

.height-120 {
	height: 120rpx;
}

.height-130 {
	height: 130rpx;
}

.height-140 {
	height: 140rpx;
}

.height-150 {
	height: 150rpx;
}

/* 常用高度 */
.height-header {
	height: var(--headerHeight);
}

.height-footer {
	height: var(--footerHeight);
}

.height-footer-safe {
	height: calc(var(--footerHeight) + env(safe-area-inset-bottom));
}

.height-safe {
	height: env(safe-area-inset-bottom);
}

.height-status-bar {
	height: var(--status-bar-height);
}

/* ==================
  行高居中
 ==================== */

/* 基础行高居中
起始30rpx 终止100rpx 间隔5rpx一个行高样式
单独：110rpx 120rpx 130rpx 140rpx 150rpx */
.line-height-30 {
	height: 30rpx;
	line-height: 30rpx;
}

.line-height-32 {
	height: 32rpx;
	line-height: 32rpx;
}

.line-height-35 {
	height: 35rpx;
	line-height: 35rpx;
}

.line-height-36 {
	height: 36rpx;
	line-height: 36rpx;
}

.line-height-40 {
	height: 40rpx;
	line-height: 40rpx;
}

.line-height-44 {
	height: 44rpx;
	line-height: 44rpx;
}

.line-height-45 {
	height: 45rpx;
	line-height: 45rpx;
}

.line-height-48 {
	height: 48rpx;
	line-height: 48rpx;
}

.line-height-50 {
	height: 50rpx;
	line-height: 50rpx;
}

.line-height-52 {
	height: 52rpx;
	line-height: 52rpx;
}

.line-height-55 {
	height: 55rpx;
	line-height: 55rpx;
}

.line-height-56 {
	height: 56rpx;
	line-height: 56rpx;
}

.line-height-60 {
	height: 60rpx;
	line-height: 60rpx;
}

.line-height-64 {
	height: 64rpx;
	line-height: 64rpx;
}

.line-height-65 {
	height: 65rpx;
	line-height: 65rpx;
}

.line-height-68 {
	height: 68rpx;
	line-height: 68rpx;
}

.line-height-70 {
	height: 70rpx;
	line-height: 70rpx;
}

.line-height-72 {
	height: 72rpx;
	line-height: 72rpx;
}

.line-height-75 {
	height: 75rpx;
	line-height: 75rpx;
}

.line-height-76 {
	height: 76rpx;
	line-height: 76rpx;
}

.line-height-80 {
	height: 80rpx;
	line-height: 80rpx;
}

.line-height-84 {
	height: 84rpx;
	line-height: 84rpx;
}

.line-height-85 {
	height: 85rpx;
	line-height: 85rpx;
}

.line-height-88 {
	height: 88rpx;
	line-height: 88rpx;
}

.line-height-90 {
	height: 90rpx;
	line-height: 90rpx;
}

.line-height-92 {
	height: 92rpx;
	line-height: 92rpx;
}

.line-height-95 {
	height: 95rpx;
	line-height: 95rpx;
}

.line-height-96 {
	height: 96rpx;
	line-height: 96rpx;
}

.line-height-100 {
	height: 100rpx;
	line-height: 100rpx;
}

.line-height-110 {
	height: 110rpx;
	line-height: 110rpx;
}

.line-height-120 {
	height: 120rpx;
	line-height: 120rpx;
}

.line-height-130 {
	height: 130rpx;
	line-height: 130rpx;
}

.line-height-140 {
	height: 140rpx;
	line-height: 140rpx;
}

.line-height-150 {
	height: 150rpx;
	line-height: 150rpx;
}

/* 常用行高居中 */
.line-height-header {
	height: var(--headerHeight);
	line-height: var(--headerHeight);
}

.line-height-footer {
	height: var(--footerHeight);
	line-height: var(--footerHeight);
}



/* ==================
  外边距
 ==================== */

/* 基础外边距
起始0rpx 终止100rpx 间隔5rpx一个样式 */
.margin-0 {
	margin: 0;
}

.margin-5 {
	margin: 5rpx;
}

.margin-10 {
	margin: 10rpx;
}

.margin-15 {
	margin: 15rpx;
}

.margin-20 {
	margin: 20rpx;
}

.margin-25 {
	margin: 25rpx;
}

.margin-30 {
	margin: 30rpx;
}

.margin-35 {
	margin: 35rpx;
}

.margin-40 {
	margin: 40rpx;
}

.margin-45 {
	margin: 45rpx;
}

.margin-50 {
	margin: 50rpx;
}

.margin-55 {
	margin: 55rpx;
}

.margin-60 {
	margin: 60rpx;
}

.margin-65 {
	margin: 65rpx;
}

.margin-70 {
	margin: 70rpx;
}

.margin-75 {
	margin: 75rpx;
}

.margin-80 {
	margin: 80rpx;
}

.margin-85 {
	margin: 85rpx;
}

.margin-90 {
	margin: 90rpx;
}

.margin-95 {
	margin: 95rpx;
}

.margin-100 {
	margin: 100rpx;
}

/* 基础上边距
起始0rpx 终止100rpx 间隔5rpx一个样式 */

.margin-top-0 {
	margin-top: 0;
}

.margin-top-5 {
	margin-top: 5rpx;
}

.margin-top-10 {
	margin-top: 10rpx;
}

.margin-top-15 {
	margin-top: 15rpx;
}

.margin-top-20 {
	margin-top: 20rpx;
}

.margin-top-25 {
	margin-top: 25rpx;
}

.margin-top-30 {
	margin-top: 30rpx;
}

.margin-top-35 {
	margin-top: 35rpx;
}

.margin-top-40 {
	margin-top: 40rpx;
}

.margin-top-45 {
	margin-top: 45rpx;
}

.margin-top-50 {
	margin-top: 50rpx;
}

.margin-top-55 {
	margin-top: 55rpx;
}

.margin-top-60 {
	margin-top: 60rpx;
}

.margin-top-65 {
	margin-top: 65rpx;
}

.margin-top-70 {
	margin-top: 70rpx;
}

.margin-top-75 {
	margin-top: 75rpx;
}

.margin-top-80 {
	margin-top: 80rpx;
}

.margin-top-85 {
	margin-top: 85rpx;
}

.margin-top-90 {
	margin-top: 90rpx;
}

.margin-top-95 {
	margin-top: 95rpx;
}

.margin-top-100 {
	margin-top: 100rpx;
}

/* 基础右边距
起始0rpx 终止100rpx 间隔5rpx一个样式 */
.margin-right-0 {
	margin-right: 0;
}

.margin-right-5 {
	margin-right: 5rpx;
}

.margin-right-10 {
	margin-right: 10rpx;
}

.margin-right-15 {
	margin-right: 15rpx;
}

.margin-right-20 {
	margin-right: 20rpx;
}

.margin-right-25 {
	margin-right: 25rpx;
}

.margin-right-30 {
	margin-right: 30rpx;
}

.margin-right-35 {
	margin-right: 35rpx;
}

.margin-right-40 {
	margin-right: 40rpx;
}

.margin-right-45 {
	margin-right: 45rpx;
}

.margin-right-50 {
	margin-right: 50rpx;
}

.margin-right-55 {
	margin-right: 55rpx;
}

.margin-right-60 {
	margin-right: 60rpx;
}

.margin-right-65 {
	margin-right: 65rpx;
}

.margin-right-70 {
	margin-right: 70rpx;
}

.margin-right-75 {
	margin-right: 75rpx;
}

.margin-right-80 {
	margin-right: 80rpx;
}

.margin-right-85 {
	margin-right: 85rpx;
}

.margin-right-90 {
	margin-right: 90rpx;
}

.margin-right-95 {
	margin-right: 95rpx;
}

.margin-right-100 {
	margin-right: 100rpx;
}

/* 基础下边距
起始0rpx 终止100rpx 间隔5rpx一个样式 */
.margin-bottom-0 {
	margin-bottom: 0;
}

.margin-bottom-5 {
	margin-bottom: 5rpx;
}

.margin-bottom-10 {
	margin-bottom: 10rpx;
}

.margin-bottom-15 {
	margin-bottom: 15rpx;
}

.margin-bottom-20 {
	margin-bottom: 20rpx;
}

.margin-bottom-25 {
	margin-bottom: 25rpx;
}

.margin-bottom-30 {
	margin-bottom: 30rpx;
}

.margin-bottom-35 {
	margin-bottom: 35rpx;
}

.margin-bottom-40 {
	margin-bottom: 40rpx;
}

.margin-bottom-45 {
	margin-bottom: 45rpx;
}

.margin-bottom-50 {
	margin-bottom: 50rpx;
}

.margin-bottom-55 {
	margin-bottom: 55rpx;
}

.margin-bottom-60 {
	margin-bottom: 60rpx;
}

.margin-bottom-65 {
	margin-bottom: 65rpx;
}

.margin-bottom-70 {
	margin-bottom: 70rpx;
}

.margin-bottom-75 {
	margin-bottom: 75rpx;
}

.margin-bottom-80 {
	margin-bottom: 80rpx;
}

.margin-bottom-85 {
	margin-bottom: 85rpx;
}

.margin-bottom-90 {
	margin-bottom: 90rpx;
}

.margin-bottom-95 {
	margin-bottom: 95rpx;
}

.margin-bottom-100 {
	margin-bottom: 100rpx;
}

/* 基础左边距
起始0rpx 终止100rpx 间隔5rpx一个样式 */
.margin-left-0 {
	margin-left: 0 !important;
}

.margin-left-5 {
	margin-left: 5rpx;
}

.margin-left-10 {
	margin-left: 10rpx;
}

.margin-left-15 {
	margin-left: 15rpx;
}

.margin-left-20 {
	margin-left: 20rpx;
}

.margin-left-25 {
	margin-left: 25rpx;
}

.margin-left-30 {
	margin-left: 30rpx;
}

.margin-left-35 {
	margin-left: 35rpx;
}

.margin-left-40 {
	margin-left: 40rpx;
}

.margin-left-45 {
	margin-left: 45rpx;
}

.margin-left-50 {
	margin-left: 50rpx;
}

.margin-left-55 {
	margin-left: 55rpx;
}

.margin-left-60 {
	margin-left: 60rpx;
}

.margin-left-65 {
	margin-left: 65rpx;
}

.margin-left-70 {
	margin-left: 70rpx;
}

.margin-left-75 {
	margin-left: 75rpx;
}

.margin-left-80 {
	margin-left: 80rpx;
}

.margin-left-85 {
	margin-left: 85rpx;
}

.margin-left-90 {
	margin-left: 90rpx;
}

.margin-left-95 {
	margin-left: 95rpx;
}

.margin-left-100 {
	margin-left: 100rpx;
}

/* 基础左右边距
起始0rpx 终止100rpx 间隔5rpx一个样式 */
.margin-lr-0 {
	margin-left: 0;
	margin-right: 0;
}

.margin-lr-5 {
	margin-left: 5rpx;
	margin-right: 5rpx;
}

.margin-lr-10 {
	margin-left: 10rpx;
	margin-right: 10rpx;
}

.margin-lr-15 {
	margin-left: 15rpx;
	margin-right: 15rpx;
}

.margin-lr-20 {
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.margin-lr-25 {
	margin-left: 25rpx;
	margin-right: 25rpx;
}

.margin-lr-30 {
	margin-left: 30rpx;
	margin-right: 30rpx;
}

.margin-lr-35 {
	margin-left: 35rpx;
	margin-right: 35rpx;
}

.margin-lr-40 {
	margin-left: 40rpx;
	margin-right: 40rpx;
}

.margin-lr-45 {
	margin-left: 45rpx;
	margin-right: 45rpx;
}

.margin-lr-50 {
	margin-left: 50rpx;
	margin-right: 50rpx;
}

.margin-lr-55 {
	margin-left: 55rpx;
	margin-right: 55rpx;
}

.margin-lr-60 {
	margin-left: 60rpx;
	margin-right: 60rpx;
}

.margin-lr-65 {
	margin-left: 65rpx;
	margin-right: 65rpx;
}

.margin-lr-70 {
	margin-left: 70rpx;
	margin-right: 70rpx;
}

.margin-lr-75 {
	margin-left: 75rpx;
	margin-right: 75rpx;
}

.margin-lr-80 {
	margin-left: 80rpx;
	margin-right: 80rpx;
}

.margin-lr-85 {
	margin-left: 85rpx;
	margin-right: 85rpx;
}

.margin-lr-90 {
	margin-left: 90rpx;
	margin-right: 90rpx;
}

.margin-lr-95 {
	margin-left: 95rpx;
	margin-right: 95rpx;
}

.margin-lr-100 {
	margin-left: 100rpx;
	margin-right: 100rpx;
}

/* 基础上下边距
起始0rpx 终止100rpx 间隔5rpx一个样式 */
.margin-tb-0 {
	margin-top: 0;
	margin-bottom: 0;
}

.margin-tb-5 {
	margin-top: 5rpx;
	margin-bottom: 5rpx;
}

.margin-tb-10 {
	margin-top: 10rpx;
	margin-bottom: 10rpx;
}

.margin-tb-15 {
	margin-top: 15rpx;
	margin-bottom: 15rpx;
}

.margin-tb-20 {
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}

.margin-tb-25 {
	margin-top: 25rpx;
	margin-bottom: 25rpx;
}

.margin-tb-30 {
	margin-top: 30rpx;
	margin-bottom: 30rpx;
}

.margin-tb-35 {
	margin-top: 35rpx;
	margin-bottom: 35rpx;
}

.margin-tb-40 {
	margin-top: 40rpx;
	margin-bottom: 40rpx;
}

.margin-tb-45 {
	margin-top: 45rpx;
	margin-bottom: 45rpx;
}

.margin-tb-50 {
	margin-top: 50rpx;
	margin-bottom: 50rpx;
}

.margin-tb-55 {
	margin-top: 55rpx;
	margin-bottom: 55rpx;
}

.margin-tb-60 {
	margin-top: 60rpx;
	margin-bottom: 60rpx;
}

.margin-tb-65 {
	margin-top: 65rpx;
	margin-bottom: 65rpx;
}

.margin-tb-70 {
	margin-top: 70rpx;
	margin-bottom: 70rpx;
}

.margin-tb-75 {
	margin-top: 75rpx;
	margin-bottom: 75rpx;
}

.margin-tb-80 {
	margin-top: 80rpx;
	margin-bottom: 80rpx;
}

.margin-tb-85 {
	margin-top: 85px;
	margin-bottom: 85rpx;
}

.margin-tb-90 {
	margin-top: 90rpx;
	margin-bottom: 90rpx;
}

.margin-tb-95 {
	margin-top: 95rpx;
	margin-bottom: 95rpx;
}

.margin-tb-100 {
	margin-top: 100rpx;
	margin-bottom: 100rpx;
}

/* 常用上边距 */
.margin-top-title-header {
	margin-top: var(--headerHeight);
}

.margin-top-title-header-15 {
	margin-top: calc(var(--headerHeight) + 15rpx);
}

.margin-top-title-header-20 {
	margin-top: calc(var(--headerHeight) + 20rpx);
}

.margin-top-title-header-30 {
	margin-top: calc(var(--headerHeight) + 30rpx);
}

.margin-top-title-header2 {
	margin-top: calc(var(--headerHeight) + var(--headerHeight));
}

.margin-top-title-header2-15 {
	margin-top: calc(var(--headerHeight) + var(--headerHeight) + 15rpx);
}

.margin-top-title-header2-20 {
	margin-top: calc(var(--headerHeight) + var(--headerHeight) + 20rpx);
}

.margin-top-title-header2-30 {
	margin-top: calc(var(--headerHeight) + var(--headerHeight) + 30rpx);
}

.margin-top-status-bar-header {
	/* #ifdef MP */
	margin-top: var(--headerHeight);
	/* #endif */

	/* #ifndef MP */
	margin-top: calc(var(--status-bar-height) + var(--headerHeight));
	/* #endif */
}

.margin-top-status-bar-header-15 {
	/* #ifdef MP */
	margin-top: calc(var(--headerHeight) + 15rpx);
	/* #endif */

	/* #ifndef MP */
	margin-top: calc(var(--status-bar-height) + var(--headerHeight) + 15rpx);
	/* #endif */
}

.margin-top-status-bar-header-20 {
	/* #ifdef MP */
	margin-top: calc(var(--headerHeight) + 20rpx);
	/* #endif */

	/* #ifndef MP */
	margin-top: calc(var(--status-bar-height) + var(--headerHeight) + 20rpx);
	/* #endif */
}

/* APP多一个电量条的高度 118 = 88  + 30 */
.margin-top-status-bar-header-30 {
	/* #ifdef MP */
	margin-top: calc(var(--headerHeight) + 30rpx);
	/* #endif */

	/* #ifndef MP */
	margin-top: calc(var(--status-bar-height) + var(--headerHeight) + 30rpx);
	/* #endif */
}

.margin-top-status-bar-header2 {
	/* #ifdef MP */
	margin-top: calc(var(--headerHeight) * 2);
	/* #endif */

	/* #ifndef MP */
	margin-top: calc(var(--status-bar-height) + var(--headerHeight) * 2);
	/* #endif */
}

.margin-top-status-bar-header2-15 {
	/* #ifdef MP */
	margin-top: calc(var(--headerHeight) * 2 + 15rpx);
	/* #endif */

	/* #ifndef MP */
	margin-top: calc(var(--status-bar-height) + var(--headerHeight) * 2 + 15rpx);
	/* #endif */
}

.margin-top-status-bar-header2-20 {
	/* #ifdef MP */
	margin-top: calc(var(--headerHeight) * 2 + 20rpx);
	/* #endif */

	/* #ifndef MP */
	margin-top: calc(var(--status-bar-height) + var(--headerHeight) * 2 + 20rpx);
	/* #endif */
}

/* APP多一个电量条的高度 118 = 88  + 30 */
.margin-top-status-bar-header2-30 {
	/* #ifdef MP */
	margin-top: calc(var(--headerHeight) * 2 + 30rpx);
	/* #endif */

	/* #ifndef MP */
	margin-top: calc(var(--status-bar-height) + var(--headerHeight) * 2 + 30rpx);
	/* #endif */
}

/* ==================
  内边距
 ==================== */

/* 基础内边距
起始0rpx 终止60rpx 间隔5rpx一个样式 */
.padding-0 {
	padding: 0;
}

.padding-5 {
	padding: 5;
}

.padding-10 {
	padding: 10rpx;
}

.padding-15 {
	padding: 10rpx;
}

.padding-20 {
	padding: 20rpx;
}

.padding-25 {
	padding: 25rpx;
}

.padding-30 {
	padding: 30rpx;
}

.padding-35 {
	padding: 35rpx;
}

.padding-40 {
	padding: 40rpx;
}

.padding-45 {
	padding: 45rpx;
}

.padding-50 {
	padding: 50rpx;
}

.padding-55 {
	padding: 50rpx;
}

.padding-60 {
	padding: 60rpx;
}

/* 基础上内边距
起始0rpx 终止60rpx 间隔5rpx一个样式 */
.padding-top-0 {
	padding-top: 0rpx;
}

.padding-top-5 {
	padding-top: 5rpx;
}

.padding-top-10 {
	padding-top: 10rpx;
}

.padding-top-15 {
	padding-top: 15rpx;
}

.padding-top-20 {
	padding-top: 20rpx;
}

.padding-top-25 {
	padding-top: 25rpx;
}

.padding-top-30 {
	padding-top: 30rpx;
}

.padding-top-35 {
	padding-top: 35rpx;
}

.padding-top-40 {
	padding-top: 40rpx;
}

.padding-top-45 {
	padding-top: 45rpx;
}

.padding-top-50 {
	padding-top: 50rpx;
}

.padding-top-55 {
	padding-top: 55rpx;
}

.padding-top-60 {
	padding-top: 60rpx;
}

/* 基础右内边距
起始0rpx 终止60rpx 间隔5rpx一个样式 */
.padding-right-0 {
	padding-right: 0rpx;
}

.padding-right-5 {
	padding-right: 5rpx;
}

.padding-right-10 {
	padding-right: 10rpx;
}

.padding-right-15 {
	padding-right: 15rpx;
}

.padding-right-20 {
	padding-right: 20rpx;
}

.padding-right-25 {
	padding-right: 25rpx;
}

.padding-right-30 {
	padding-right: 30rpx;
}

.padding-right-35 {
	padding-right: 35rpx;
}

.padding-right-40 {
	padding-right: 40rpx;
}

.padding-right-45 {
	padding-right: 45rpx;
}

.padding-right-50 {
	padding-right: 50rpx;
}

.padding-right-55 {
	padding-right: 55rpx;
}

.padding-right-60 {
	padding-right: 60rpx;
}

/* 基础下内边距
起始0rpx 终止60rpx 间隔5rpx一个样式 */
.padding-bottom-0 {
	padding-bottom: 0rpx;
}

.padding-bottom-5 {
	padding-bottom: 5rpx;
}

.padding-bottom-10 {
	padding-bottom: 10rpx;
}

.padding-bottom-15 {
	padding-bottom: 15rpx;
}

.padding-bottom-20 {
	padding-bottom: 20rpx;
}


.padding-bottom-25 {
	padding-bottom: 25rpx;
}

.padding-bottom-30 {
	padding-bottom: 30rpx;
}

.padding-bottom-35 {
	padding-bottom: 35rpx;
}

.padding-bottom-40 {
	padding-bottom: 40rpx;
}

.padding-bottom-45 {
	padding-bottom: 45rpx;
}

.padding-bottom-50 {
	padding-bottom: 50rpx;
}

.padding-bottom-55 {
	padding-bottom: 55rpx;
}

.padding-bottom-60 {
	padding-bottom: 60rpx;
}

/* 基础左内边距
起始0rpx 终止60rpx 间隔5rpx一个样式 */

.padding-left-0 {
	padding-left: 0rpx;
}

.padding-left-5 {
	padding-left: 5rpx;
}

.padding-left-10 {
	padding-left: 10rpx;
}

.padding-left-15 {
	padding-left: 15rpx;
}

.padding-left-20 {
	padding-left: 20rpx;
}

.padding-left-25 {
	padding-left: 25rpx;
}

.padding-left-30 {
	padding-left: 30rpx;
}

.padding-left-35 {
	padding-left: 35rpx;
}

.padding-left-40 {
	padding-left: 40rpx;
}

.padding-left-45 {
	padding-left: 45rpx;
}

.padding-left-50 {
	padding-left: 50rpx;
}

.padding-left-55 {
	padding-left: 55rpx;
}

.padding-left-60 {
	padding-left: 60rpx;
}

/* 基础左右内边距
起始0rpx 终止60rpx 间隔5rpx一个样式 */

.padding-lr-0 {
	padding-left: 0rpx;
	padding-right: 0rpx;
}

.padding-lr-5 {
	padding-left: 5rpx;
	padding-right: 5rpx;
}

.padding-lr-10 {
	padding-left: 10rpx;
	padding-right: 10rpx;
}

.padding-lr-15 {
	padding-left: 15rpx;
	padding-right: 15rpx;
}

.padding-lr-20 {
	padding-left: 20rpx;
	padding-right: 20rpx;
}

.padding-lr-25 {
	padding-left: 25rpx;
	padding-right: 25rpx;
}

.padding-lr-30 {
	padding-left: 30rpx;
	padding-right: 30rpx;
}

.padding-lr-35 {
	padding-left: 35rpx;
	padding-right: 35rpx;
}

.padding-lr-40 {
	padding-left: 40rpx;
	padding-right: 40rpx;
}

.padding-lr-45 {
	padding-left: 45rpx;
	padding-right: 45rpx;
}

.padding-lr-50 {
	padding-left: 50rpx;
	padding-right: 50rpx;
}

.padding-lr-55 {
	padding-left: 55rpx;
	padding-right: 55rpx;
}

.padding-lr-60 {
	padding-left: 60rpx;
	padding-right: 60rpx;
}

/* 基础上下内边距
起始0rpx 终止60rpx 间隔5rpx一个样式 */
.padding-tb-0 {
	padding-top: 0rpx;
	padding-bottom: 0rpx;
}

.padding-tb-5 {
	padding-top: 5rpx;
	padding-bottom: 5rpx;
}

.padding-tb-10 {
	padding-top: 10rpx;
	padding-bottom: 10rpx;
}

.padding-tb-15 {
	padding-top: 15rpx;
	padding-bottom: 15rpx;
}

.padding-tb-20 {
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.padding-tb-25 {
	padding-top: 25rpx;
	padding-bottom: 25rpx;
}

.padding-tb-30 {
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}

.padding-tb-35 {
	padding-top: 35rpx;
	padding-bottom: 35rpx;
}

.padding-tb-40 {
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}

.padding-tb-45 {
	padding-top: 45rpx;
	padding-bottom: 45rpx;
}

.padding-tb-50 {
	padding-top: 50rpx;
	padding-bottom: 50rpx;
}

.padding-tb-55 {
	padding-top: 55rpx;
	padding-bottom: 55rpx;
}

.padding-tb-60 {
	padding-top: 60rpx;
	padding-bottom: 60rpx;
}

/* 常用上边距 */
.padding-top-title-header {
	padding-top: var(--headerHeight);
}

.padding-top-title-header-15 {
	padding-top: calc(var(--headerHeight) + 15rpx);
}

.padding-top-title-header-20 {
	padding-top: calc(var(--headerHeight) + 20rpx);
}

.padding-top-title-header-30 {
	padding-top: calc(var(--headerHeight) + 30rpx);
}

.padding-top-title-header2 {
	padding-top: var(--headerHeight) + var(--headerHeight);
}

.padding-top-title-header2-15 {
	padding-top: calc(var(--headerHeight) + var(--headerHeight) + 15rpx);
}

.padding-top-title-header2-20 {
	padding-top: calc(var(--headerHeight) + var(--headerHeight) + 20rpx);
}

.padding-top-title-header2-30 {
	padding-top: calc(var(--headerHeight) + var(--headerHeight) + 30rpx);
}

.padding-top-status-bar-header {
	/* #ifdef MP */
	padding-top: var(--headerHeight);
	/* #endif */

	/* #ifndef MP */
	padding-top: calc(var(--status-bar-height) + var(--headerHeight));
	/* #endif */
}

.padding-top-status-bar-header-15 {
	/* #ifdef MP */
	padding-top: calc(var(--headerHeight) + 15rpx);
	/* #endif */

	/* #ifndef MP */
	padding-top: calc(var(--status-bar-height) + var(--headerHeight) + 15rpx);
	/* #endif */
}

.padding-top-status-bar-header-20 {
	/* #ifdef MP */
	padding-top: calc(var(--headerHeight) + 20rpx);
	/* #endif */

	/* #ifndef MP */
	padding-top: calc(var(--status-bar-height) + var(--headerHeight) + 20rpx);
	/* #endif */
}

/* APP多一个电量条的高度 118 = 88  + 30 */
.padding-top-status-bar-header-30 {
	/* #ifdef MP */
	padding-top: calc(var(--headerHeight) + 30rpx);
	/* #endif */

	/* #ifndef MP */
	padding-top: calc(var(--status-bar-height) + var(--headerHeight) + 30rpx);
	/* #endif */
}

.padding-top-status-bar-header2 {
	/* #ifdef MP */
	padding-top: calc(var(--headerHeight) * 2);
	/* #endif */

	/* #ifndef MP */
	padding-top: calc(var(--status-bar-height) + var(--headerHeight) * 2);
	/* #endif */
}

.padding-top-status-bar-header2-15 {
	/* #ifdef MP */
	padding-top: calc(var(--headerHeight) * 2 + 15rpx);
	/* #endif */

	/* #ifndef MP */
	padding-top: calc(var(--status-bar-height) + var(--headerHeight) * 2 + 15rpx);
	/* #endif */
}

.padding-top-status-bar-header2-20 {
	/* #ifdef MP */
	padding-top: calc(var(--headerHeight) * 2 + 20rpx);
	/* #endif */

	/* #ifndef MP */
	padding-top: calc(var(--status-bar-height) + var(--headerHeight) * 2 + 20rpx);
	/* #endif */
}

/* APP多一个电量条的高度 118 = 88  + 30 */
.padding-top-status-bar-header2-30 {
	/* #ifdef MP */
	padding-top: calc(var(--headerHeight) * 2 + 30rpx);
	/* #endif */

	/* #ifndef MP */
	padding-top: calc(var(--status-bar-height) + var(--headerHeight) * 2 + 30rpx);
	/* #endif */
}

/* 常用下内边距 */
.padding-bottom-tab-bar-20 {
	padding-bottom: calc(var(--window-bottom) + 20rpx);
}

.padding-bottom-tab-bar-footer-20 {
	padding-bottom: calc(var(--window-bottom) + var(--footerHeight) + 20rpx);
}

.padding-bottom-safe {
	padding-bottom: env(safe-area-inset-bottom);
}

.padding-bottom-safe-20 {
	padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
}

.padding-bottom-safe-footer {
	padding-bottom: calc(env(safe-area-inset-bottom) + var(--footerHeight));
}

.padding-bottom-safe-footer-20 {
	padding-bottom: calc(env(safe-area-inset-bottom) + var(--footerHeight) + 20rpx);
}

/* 常见按钮 */
.btn-55-main {
	margin-left: 20rpx;
	width: 160rpx;
	height: 55rpx;
	line-height: 51rpx;
	border: 2rpx solid var(--main);
	border-radius: 28rpx;
	text-align: center;
	font-size: 26rpx;
	color: var(--main);
}

.btn-55-cc {
	margin-left: 20rpx;
	width: 160rpx;
	height: 55rpx;
	line-height: 51rpx;
	border: 2rpx solid #ccc;
	border-radius: 28rpx;
	text-align: center;
	font-size: 26rpx;
	color: #4d4d4d;
}

.btn-55-main-full {
	margin-left: 20rpx;
	width: 160rpx;
	height: 55rpx;
	line-height: 51rpx;
	border: 2rpx solid var(--main);
	border-radius: 28rpx;
	background: var(--main);
	text-align: center;
	font-size: 26rpx;
	color: #fff;
}

.btn-60-main {
	margin-left: 20rpx;
	width: 160rpx;
	height: 60rpx;
	line-height: 56rpx;
	border: 2rpx solid var(--main);
	border-radius: 30rpx;
	text-align: center;
	font-size: 26rpx;
	color: var(--main);
}

.btn-60-cc {
	margin-left: 20rpx;
	width: 160rpx;
	height: 60rpx;
	line-height: 56rpx;
	border: 2rpx solid #ccc;
	border-radius: 30rpx;
	text-align: center;
	font-size: 26rpx;
	color: #4d4d4d;
}

.btn-60-main-full {
	margin-left: 20rpx;
	width: 160rpx;
	height: 60rpx;
	line-height: 56rpx;
	border: 2rpx solid var(--main);
	border-radius: 30rpx;
	background: var(--main);
	text-align: center;
	font-size: 26rpx;
	color: #fff;
}

/* 常用按钮 */
.line-height-50-border-main {
	height: 50rpx;
	line-height: 46rpx;
	border: 2rpx solid var(--main);
}

.line-height-50-border-ff {
	height: 50rpx;
	line-height: 46rpx;
	border: 2rpx solid #fff;
}


.line-height-60-border-main {
	height: 60rpx;
	line-height: 56rpx;
	border: 2rpx solid var(--main);
}

.line-height-60-border-ff {
	height: 60rpx;
	line-height: 56rpx;
	border: 2rpx solid #fff;
}

.line-height-70-border-ff {
	height: 70rpx;
	line-height: 66rpx;
	border: 2rpx solid #fff;
}

.align-center {
	align-items: center;
}

.align-end {
	align-items: flex-end;
}

.justify-between {
	justify-content: space-between;
}

.justify-center {
	justify-content: center;
}
.text-del{
	text-decoration: line-through;
}
.justify-end{
	justify-content: flex-end;
}